<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>X-Rework</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="main-container">
        <div class="content">
            <!--Tabs-->
            <div class="tabs">
                <div id="tab_info" class="tab" data-tab="info">Info</div>
                <div id="tab_home" class="tab active" data-tab="home">Home</div>
                <div id="tab_donate" class="tab" data-tab="donate">Donate</div>
            </div>

            <!--Info-->
            <div id="info" class="tab-content">
                <h1>Info</h1>
                <p class="info_p" id="p_owner">Owner: Blonicx</p>
                <p class="info_p" id="p_version">Version: 1.4.6</p>
            </div>

            <!--Home-->
            <div id="home" class="tab-content active">
                <h1 id="header_h1">X-Rework</h1>
                <p id="description_p">I am a solo developer looking forward to make a Extention that will make the sharing more easy and faster.</p>
            </div>

            <!--Donate-->
            <div id="donate" class="tab-content">
                <h1>Donate</h1>
                <img src="../../../assets/img/PatreonIcon.png" alt="Patreon" class="donate-icon" id="patreon-icon">
            <div>
        </div>
    </div>

    <footer>&copy; 2025 <a href="https://github.com/Blonicx/ComfyUI-X-Rework" target="_blank">ComfyUI X-Rework</a>. All rights reserved.</footer>

    <!-- Frontend -->
    <script src="javascript/renderer.js"></script>
    <script src="javascript/buttons.js"></script>
</body>
</html>